@use "./variable.scss";
@use "./elementplus.scss";
@use "./mixin.scss";
@use "./transition.scss";


* {
  font-family: Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
  box-sizing: border-box !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

ul,li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #fff;
}


#nprogress .bar {
  background: rgb(27, 119, 240) !important;
}

::-webkit-scrollbar {
  /*滚动条整体部分，其中的属性有width,height,background,border等*/
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  /*外层轨道，可以用display:none让其不显示，也可以添加背景图片*/
  background: rgba(197, 199, 206, 0.48);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面可以拖动的那部分*/
  background: rgba(109, 111, 112, 0.3);
  border-radius: 3px;
}

.container, .box { 
    margin: 0 auto;
}
.head-bar .drawer {
    display: none;
}

@media (max-width: 1024px) {
    .head-bar .drawer {
        display: inline-block;
    }
}
@media (min-width: 640px) {
    .container { 
        max-width: 640px;
    }
    .box {
        max-width: 640px;
    }
    .chat .head-bar {
      margin-left: 0;
    }
}
@media (min-width: 768px) {
    .container { 
        max-width: 768px;
    }
    .box {
        max-width: 768px;
    }
    .chat .head-bar {
      margin-left: 0;
    }
}


@media (min-width: 1024px) {
    .container { 
        max-width: 1024px;
    }
    .box {
        max-width: 768px;
        margin-left: 256px;
    }
    .chat .head-bar {
      margin-left: $asideWidth;
    }
}

@media (min-width: 1280px) {
    .container { 
        max-width: 1280px;
    }
    .box {
        max-width: 768px;
        margin-left: 256px;
    }
    .chat .head-bar {
      margin-left: $asideWidth;
    }
}

@media (min-width: 1320px) {
    .box {
        margin-left: auto;
    }
}


